{% extends "base.html" %}
{% block title %}
    CSDN商城首页
{% endblock %}
{% block neirong %}
    <style>
    .mokuai{width: 100%;overflow: hidden}
    .mokuai  ul li{ float: left; width: 356px; height: 120px; margin-right: 15px;}
    .mokuai  ul li img{width: 100%; height: 90px;}
    .mokuai ul li a price{float: right; color: #ff6a00}
    </style>
        <div style="width: 100%; min-height: 500px;">
        {% for cate in data_list %}
            <div class="mokuai">
                <h2>{{cate.cat_name}}</h2>
            <ul>
                {% for yuan in cate.data_yuan %}
                <li>
                    <a href="{% url "index_course" yuan.id %}"><img src="{{ yuan.img }}" ><br>
                    <span>{{ yuan.course_name }}</span><price>￥{{ yuan.price }}</price></a>
                </li>
                    {% endfor %}
            </ul>
                </div>

    {% endfor %}
          </div>
    <div style="width: 100%;clear: both;height: 0px; overflow: hidden"></div>
{% endblock %}